// -------------------------- 切换两个盒子 -------------------------
// 调用点击 .box 盒子里面的 a 标签。切换两个盒子的显示和隐藏
$('.box a').on('click', function () {
  $(this).parents('.box').hide().siblings('.box').show();
})


// ------------------------  表单验证 ------------------------------
function test() {
  return {
    fields: {
      username: { // 这里username是 input 的name属性值，表示对这个输入框进行验证
        validators: {
          notEmpty: {   //不能为空
            message: '用户名不能为空.'
          },
          stringLength: {   //检测长度
            min: 2,
            max: 15,
            message: '用户名需要2~15个字符'
          }
        }
      },
      password: {
        validators: {
          notEmpty: {
            message: '密码不能为空'
          },
          stringLength: {   //检测长度
            min: 6,
            max: 15,
            message: '密码需要6~15个字符'
          }
        }
      }
    }
  }
}


// ---------------------------- 注册功能  ----------------------------
// 监听表单的提交事件（使用表单验证）
$('.register form').bootstrapValidator(test()).on('success.form.bv', function (e) {
  e.preventDefault();
  // 通过验证，这里的代码将会执行。我们将Ajax请求的代码放到这里即可
  // console.log(123);
  // 接口文档要求提交 username=xxxx&password=yyyy 这样的数据
  // $('表单').serialize(); // 这是jQuery提供的方法，作用就是快速收集表单数据。得到的结果就是查询字符串
  let data = $(this).serialize();
  // console.log(data);
  axios.post('/api/register', data).then(result => {
    // console.log(result);
    let { code, message } = result.data;
    // console.log(code, message);
    if (code === 0) { // code === 0 表示成功。我们目前只处理成功的情况即可。失败的情况后续统一处理
      // 清空输入框
      $('.register input').val('');
      // 提示一下
      toastr.success(message);
      // 切换到登录的盒子
      $('.register').hide().next().show();
    }
  })
});


// ---------------------------- 登录功能  ----------------------------
$('.login form').bootstrapValidator(test()).on('success.form.bv', function (e) {
  e.preventDefault();
  // 通过验证，这里的代码将会执行。我们将Ajax请求的代码放到这里即可
  // console.log(123)
  // 收集表单数据
  let data = $(this).serialize();
  // console.log(data);
  // Ajax提交数据
  axios.post('/api/login', data).then(result => {
    let { code, message, token } = result.data;
    // console.log(code);
    // console.log(message);
    // console.log(token);
    if (code === 0) { // 登录成功
      // 将得到的token存储到本地存储
      localStorage.setItem('token', token);
      // 跳转到 index.html
      location.href = './index.html'; // 页面跳转，不要看js文件在哪里；看两个html文件的关系
    }
  })
});